<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		img{
			width: 300px;
		}
	</style>
	<script src="js/jquery-3.7.0.min.js"></script>
	<script>
		//打印所有段落
		
		function fun1(){
			//获取所有段落
			//jquery本质是dom数组
			var $obj = $("p")
			// console.log($obj)
			//遍历数组
			for(var i = 0 ; i < $obj.length ; i++){
				 var p = $obj[i]
				 // var p = $obj.get(i)
				 console.log(p.innerHTML)
			}
		}
		
		function big(img){
			$("img").width("350px").height("350")
		}
		function small(img){
			$("img").width("250px").height("250")
		}
		
	</script>
	<body>
		<h1>jquery对象</h1>
		<p>1.jquery统一封装对象</p>
		<p>2.提供已知api</p>
		<p>3.api操作节点</p>
		<input type="button" value="点" id="" onclick="fun1()">
		<div>
			<img src="img/食物/食物1.jpg" alt="图片" onclick="big(this)" ondblclick="small(this)">
		</div>
	</body>
</html>